

/* 
    Document   : uisys
    Created on : Mar 1, 2012, 11:18:30 PM
    Author     : franci
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.mo-rounded-box { 
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px; 
    border-radius: 7px;
}
.mo-rounded-box-top { 
    -moz-border-radius-topleft: 7px; 
    -webkit-border-top-left-radius: 7px; 
    -khtml-border-top-left-radius: 7px; 
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px; 
    -webkit-border-top-right-radius: 7px; 
    -khtml-border-top-right-radius: 7px; 
    border-top-right-radius: 7px;

}

form > fieldset 
{
    border: 1px outset #dcdcdc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px; 
    border-radius: 7px;
    paddin: 0;
    margin: 0;
}

.mo-container ul 
{
    list-style-type: none;
}
.mo-container ul > li 
{
    display: inline;
    width: auto;
}

tbody tr:nth-child(odd) td, tbody tr.odd td {
    background: transparent;
}
tbody tr:nth-child(even) td, tbody tr.even td {
    background: transparent;
}

.mo-container > .mo-box,
.mo-box > .mo-box-header,
.mo-box > .mo-box-content,
.mo-box > .mo-box-footer
{
    width: 100%;
    margin: 0;
    padding: 0;
}
.mo-container > .mo-box
{
    height: inherit;
}

.uisys-test-mo-container {
    border: 0px solid #dfdfdf;
    background: #f9f9f9;
}
.uisys-test-mo-box-header {
    background: #dadada;
}

/** Page super header */
.superTopBar 
{
    background: transparent url(../images/moondess/superTopBarBg.png) repeat-x top right;
    height: 20px;
}

.pageBodyContent 
{
     background: transparent url(../images/moondess/pageBodyContentBg.png) repeat-x top right; 
}

.superBottomRegion 
{
    background: transparent url(../images/moondess/superBottomRegionBg.png) repeat-x top right;
    height: 35px;
}

/**
 * Page main header
 */

.headerMainBox
{
    background: #fff;
    min-height: 80px;
    padding: 3px;
    padding-top: 4px;
}
.headerMainBox > .mo-box > .mo-box-header,
.headerMainBox > .mo-box > .mo-box-footer 
{
    line-height: 0;
    background: transparent;
}
.headerMainBox > .mo-box
{
    background: transparent url(../images/moondess/headerMainBoxBg.png) repeat-x top right;
    min-height: 80px;
    display: block;
    margin-top: 4px;
    height: 10%;
}
.headerMainBox > .mo-box > .mo-box-content 
{
    width: 99%;
    padding: 3px;
    text-align: center;
    background: transparent;
}

/**
 * Main buttons
 */

.main-buttons-bar > .mo-box > .mo-box-content > ul 
{
    float: left;
    margin: 0 10px;
    padding: 3px;
}
.main-buttons-bar > .mo-box > .mo-box-content > ul > li a 
{
    color: black;
    text-decoration: none;
}
.main-buttons-bar > .mo-box > .mo-box-content > ul > li.main-buttons-button 
{
    height: 15px;
    padding: 5px;
}
.main-buttons-bar > .mo-box > .mo-box-content > ul > li > div 
{
    margin: -5px;
    padding: 6px;
    background: #529214;
}
.main-buttons-bar > .mo-box > .mo-box-content > ul > li > div:hover 
{
    background: #009F00;
}

/** Center Content region
 * Contains the main column and the sidebars
 */
.contentMainBox
{
    background: #fff;
    min-height: 600px;
    padding: 3px;
    padding-top: 4px;
    float: left; 
    width: 943px;
}
.contentMainBox > .mo-box > .mo-box-header,
.contentMainBox > .mo-box > .mo-box-footer 
{
    line-height: 0;
    background: transparent;
}
.contentMainBox > .mo-box
{
    background: transparent url(../images/moondess/contentMainBoxBg.png) repeat-x top right;
    min-height: 600px;
    margin-top: 4px;
    padding-top: 15px;
}
.contentMainBox > .mo-box > .mo-box-content 
{
    width: 99%;
    padding: 3px 0 7px 7px;
    margin-left: -4px;
    text-align: left;
    background: transparent;
}

/** sidebar right region */
.sidebarRight 
{
    background: transparent;
}
.sidebarRight > .mo-container 
{
    background:  transparent;
}
.sidebarRight > .mo-container > .mo-box 
{
    margin-left: 1px;
    padding-right: 1px;
    border: 1px solid #dbdbdb;
    width: 99%;
    padding: 0 1em;
    background:  #e2e2e2;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.sidebarRight > .mo-container > .mo-box > .mo-box-content 
{
    background: transparent;
}



.page-logo-container
{
    text-align: center;
    width: 100px;
    height: 60px;
    margin: 5px 20px;
    background: transparent;
}

.header-right-region
{
    height: 50px;
    min-height: 50px;
}

.main-buttons-bar
{
    border: 1px outset #dcdcdc;
    background: transparent url(../images/moondess/mainBarBg.png) repeat-x top left;
    min-height: 35px;
}
.main-buttons-bar > .mo-box > .mo-box-content 
{
    
}


/**
 * Pages boxes
 */


 
/**
 * Page main header
 */

.sdPageBox
{
    background: #fff;
    min-height: 60px;
    padding: 4px 3px 8px 3px;
    border: 1px inset #f5f5f5;
    margin-bottom: 7px;
}
.sdPageBox > .mo-box > .mo-box-header,
.sdPageBox > .mo-box > .mo-box-footer 
{
    line-height: normal;
    background: transparent;
    text-align: left;
}
.sdPageBox > .mo-box
{
    background: transparent url(../images/moondess/boxContentBg.png) repeat-x top left;
    min-height: 60px;
    margin-top: 4px;
    padding-bottom: 15px;
    
}
.sdPageBox > .mo-box > .mo-box-content 
{
    width: 99%;
    padding: 3px;
    text-align: left;
    background: transparent;
}

/** 
 * Sidebar right boxes
 */
.tagCloudBox
{
    background: #f9f9f9;
    min-height: 100px;
    height: inherit;
    padding: 0px;
    padding-top: 0px;
}
.tagCloudBox > .mo-box > .mo-box-header,
.tagCloudBox > .mo-box > .mo-box-footer 
{
    line-height: 0;
    background: transparent;
}
.tagCloudBox > .mo-box
{
    min-height: 100px;
    height: inherit;
    display: block;
    margin-top: 0px;
    padding-top: 0px;
    height: 100%;
}
.tagCloudBox > .mo-box > .mo-box-content 
{
    width: 100%;
    text-align: left;
    background: transparent;
}
.tagCloudBox > .mo-box > .mo-box-header .title-wrapper 
{
    background: transparent url(../images/moondess/sidebarBoxHeaderBg.png) repeat-x top left;
    border: 1px solid #d3d3d3;
    line-height: normal;
    min-height: 20px;
    text-align: left;
}
.tagCloudBox > .mo-box > .mo-box-header .title
{
    text-align: left;
    line-height: normal;
    min-height: 20px;
    background: transparent;
    margin: 3px 0 3px 10px;
    font: 100%;
    font-weight: bold;
}



/**
 * Comments boxes
 */

.comments-list-wrapper > div 
{
    padding-left: 10px;
    border: 1px outset #dcdcdc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px; 
    border-radius: 7px;
    background: #dadada;
}
.comments-list-wrapper > div > h1
{
    font-size: medium;
    font-weight: bold;
    line-height: normal;
    text-align: left;
}
.comments-list-wrapper > table.list-comments 
{
    width: 100%;
}
.comments-list-wrapper .backtop
{
    width: 100%;
}

.comments-form-wrapper > div.form-comment 
{
    width: 100%;
}
.comments-form-wrapper > div.form-comment > form > fieldset 
{
    border: 1px outset #dcdcdc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px; 
    border-radius: 7px;
    
}

.az-article {
    
}
.az-article span .date { margin-bottom: 20px; border-bottom: 1px solid #ccc; font-size: 14px; color: #666; line-height: 30px }
.az-article img { width: 190px; float: left; padding: 5px; border: 1px solid #ccc; margin: 0 10px 10px 0; }
.az-article .meta { clear: left; margin-bottom: 20px; }
.az-article .snippet p.continue { margin-bottom: 0; text-align: right; }
.az-article .meta { font-style: italic; font-size: 12px; color: #666; }
.az-article .meta p { margin-bottom: 5px; line-height: 1.2em; }
.az-article img.large { width: 300px; min-height: 165px; }






/* 
    Document   : uisys
    Created on : Mar 1, 2012, 11:18:30 PM
    Author     : franci
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.mo-rounded-box { 
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px; 
    border-radius: 7px;
}
.mo-rounded-box-top { 
    -moz-border-radius-topleft: 7px; 
    -webkit-border-top-left-radius: 7px; 
    -khtml-border-top-left-radius: 7px; 
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px; 
    -webkit-border-top-right-radius: 7px; 
    -khtml-border-top-right-radius: 7px; 
    border-top-right-radius: 7px;

}

form > fieldset 
{
    border: 1px outset #dcdcdc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px; 
    border-radius: 7px;
    paddin: 0;
    margin: 0;
}

.mo-container ul 
{
    list-style-type: none;
}
.mo-container ul > li 
{
    display: inline;
    width: auto;
}

tbody tr:nth-child(odd) td, tbody tr.odd td {
    background: transparent;
}
tbody tr:nth-child(even) td, tbody tr.even td {
    background: transparent;
}

.mo-container > .mo-box,
.mo-box > .mo-box-header,
.mo-box > .mo-box-content,
.mo-box > .mo-box-footer
{
    width: 100%;
    margin: 0;
    padding: 0;
}
.mo-container > .mo-box
{
    height: inherit;
}

.uisys-test-mo-container {
    border: 0px solid #dfdfdf;
    background: #f9f9f9;
}
.uisys-test-mo-box-header {
    background: #dadada;
}

/** Page super header */
.superTopBar 
{
    background: transparent url(../images/moondess/superTopBarBg.png) repeat-x top right;
    height: 20px;
}

.pageBodyContent 
{
     background: transparent url(../images/moondess/pageBodyContentBg.png) repeat-x top right; 
}

.superBottomRegion 
{
    background: transparent url(../images/moondess/superBottomRegionBg.png) repeat-x top right;
    height: 35px;
}

/**
 * Page main header
 */

.headerMainBox
{
    background: #fff;
    min-height: 80px;
    padding: 3px;
    padding-top: 4px;
}
.headerMainBox > .mo-box > .mo-box-header,
.headerMainBox > .mo-box > .mo-box-footer 
{
    line-height: 0;
    background: transparent;
}
.headerMainBox > .mo-box
{
    background: transparent url(../images/moondess/headerMainBoxBg.png) repeat-x top right;
    min-height: 80px;
    display: block;
    margin-top: 4px;
    height: 10%;
}
.headerMainBox > .mo-box > .mo-box-content 
{
    width: 99%;
    padding: 3px;
    text-align: center;
    background: transparent;
}

/**
 * Main buttons
 */

.main-buttons-bar > .mo-box > .mo-box-content > ul 
{
    float: left;
    margin: 0 10px;
    padding: 3px;
}
.main-buttons-bar > .mo-box > .mo-box-content > ul > li a 
{
    color: black;
    text-decoration: none;
}
.main-buttons-bar > .mo-box > .mo-box-content > ul > li.main-buttons-button 
{
    height: 15px;
    padding: 5px;
}
.main-buttons-bar > .mo-box > .mo-box-content > ul > li > div 
{
    margin: -5px;
    padding: 6px;
    background: #529214;
}
.main-buttons-bar > .mo-box > .mo-box-content > ul > li > div:hover 
{
    background: #009F00;
}

/** Center Content region
 * Contains the main column and the sidebars
 */
.contentMainBox
{
    background: #fff;
    min-height: 600px;
    padding: 3px;
    padding-top: 4px;
    float: left; 
    width: 943px;
}
.contentMainBox > .mo-box > .mo-box-header,
.contentMainBox > .mo-box > .mo-box-footer 
{
    line-height: 0;
    background: transparent;
}
.contentMainBox > .mo-box
{
    background: transparent url(../images/moondess/contentMainBoxBg.png) repeat-x top right;
    min-height: 600px;
    margin-top: 4px;
    padding-top: 15px;
}
.contentMainBox > .mo-box > .mo-box-content 
{
    width: 99%;
    padding: 3px 0 7px 7px;
    margin-left: -4px;
    text-align: left;
    background: transparent;
}

/** sidebar right region */
.sidebarRight 
{
    background: transparent;
}
.sidebarRight > .mo-container 
{
    background:  transparent;
}
.sidebarRight > .mo-container > .mo-box 
{
    margin-left: 1px;
    padding-right: 1px;
    border: 1px solid #dbdbdb;
    width: 99%;
    padding: 0 1em;
    background:  #e2e2e2;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.sidebarRight > .mo-container > .mo-box > .mo-box-content 
{
    background: transparent;
}



.page-logo-container
{
    text-align: center;
    width: 100px;
    height: 60px;
    margin: 5px 20px;
    background: transparent;
}

.header-right-region
{
    height: 50px;
    min-height: 50px;
}

.main-buttons-bar
{
    border: 1px outset #dcdcdc;
    background: transparent url(../images/moondess/mainBarBg.png) repeat-x top left;
    min-height: 35px;
}
.main-buttons-bar > .mo-box > .mo-box-content 
{
    
}


/**
 * Pages boxes
 */


 
/**
 * Page main header
 */

.sdPageBox
{
    background: #fff;
    min-height: 60px;
    padding: 4px 3px 8px 3px;
    border: 1px inset #f5f5f5;
    margin-bottom: 7px;
}
.sdPageBox > .mo-box > .mo-box-header,
.sdPageBox > .mo-box > .mo-box-footer 
{
    line-height: normal;
    background: transparent;
    text-align: left;
}
.sdPageBox > .mo-box
{
    background: transparent url(../images/moondess/boxContentBg.png) repeat-x top left;
    min-height: 60px;
    margin-top: 4px;
    padding-bottom: 15px;
    
}
.sdPageBox > .mo-box > .mo-box-content 
{
    width: 99%;
    padding: 3px;
    text-align: left;
    background: transparent;
}

/** 
 * Sidebar right boxes
 */
.tagCloudBox
{
    background: #f9f9f9;
    min-height: 100px;
    height: inherit;
    padding: 0px;
    padding-top: 0px;
}
.tagCloudBox > .mo-box > .mo-box-header,
.tagCloudBox > .mo-box > .mo-box-footer 
{
    line-height: 0;
    background: transparent;
}
.tagCloudBox > .mo-box
{
    min-height: 100px;
    height: inherit;
    display: block;
    margin-top: 0px;
    padding-top: 0px;
    height: 100%;
}
.tagCloudBox > .mo-box > .mo-box-content 
{
    width: 100%;
    text-align: left;
    background: transparent;
}
.tagCloudBox > .mo-box > .mo-box-header .title-wrapper 
{
    background: transparent url(../images/moondess/sidebarBoxHeaderBg.png) repeat-x top left;
    border: 1px solid #d3d3d3;
    line-height: normal;
    min-height: 20px;
    text-align: left;
}
.tagCloudBox > .mo-box > .mo-box-header .title
{
    text-align: left;
    line-height: normal;
    min-height: 20px;
    background: transparent;
    margin: 3px 0 3px 10px;
    font: 100%;
    font-weight: bold;
}



/**
 * Comments boxes
 */

.comments-list-wrapper > div 
{
    padding-left: 10px;
    border: 1px outset #dcdcdc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px; 
    border-radius: 7px;
    background: #dadada;
}
.comments-list-wrapper > div > h1
{
    font-size: medium;
    font-weight: bold;
    line-height: normal;
    text-align: left;
}
.comments-list-wrapper > table.list-comments 
{
    width: 100%;
}
.comments-list-wrapper .backtop
{
    width: 100%;
}

.comments-form-wrapper > div.form-comment 
{
    width: 100%;
}
.comments-form-wrapper > div.form-comment > form > fieldset 
{
    border: 1px outset #dcdcdc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px; 
    border-radius: 7px;
    
}

.az-article {
    
}
.az-article span .date { margin-bottom: 20px; border-bottom: 1px solid #ccc; font-size: 14px; color: #666; line-height: 30px }
.az-article img { width: 190px; float: left; padding: 5px; border: 1px solid #ccc; margin: 0 10px 10px 0; }
.az-article .meta { clear: left; margin-bottom: 20px; }
.az-article .snippet p.continue { margin-bottom: 0; text-align: right; }
.az-article .meta { font-style: italic; font-size: 12px; color: #666; }
.az-article .meta p { margin-bottom: 5px; line-height: 1.2em; }
.az-article img.large { width: 300px; min-height: 165px; }



